﻿<head>
	<script src="~/lib/vue/dist/vue.global.js"></script>
	<link href="~/lib/element-plus/dist/index.css" rel="stylesheet" />
	<script src="~/lib/element-plus/dist/index.full.js"></script>
	<script src="~/lib/axios/dist/axios.js"></script>
	<link href="~/css/table.css" rel="stylesheet" />
</head>
<div id="app">
	<form id="recruitAction!saveEngageResume" name="fm" action="/HR_Fist/recruit/recruitAction!saveEngageResume" method="post" enctype="multipart/form-data">
		<table width="100%">
			<tr>
				<td>
					<p color="black">
						您正在做的业务是：人力资源--招聘管理--录用管理--录用申请
					</p>

				</td>
			</tr>
			<tr>
				<td align="right">
					<el-radio v-model="radio" v-on:click="an(1)" label="1">释放简历 </el-radio>
					<el-radio v-model="radio" v-on:click="an(2)" label="2">申请录用</el-radio>
					<input type="button" value="确认" class="BUTTON_STYLE1"
						   v-on:click="search">
					<input type="button" value="返回" class="BUTTON_STYLE1"
						   onclick="history.back();">

				</td>
			</tr>
		</table>
		<table width="100%" border="1" cellpadding=0 cellspacing=1
			   bordercolorlight=#848284 bordercolordark=#eeeeee
			   class="TABLE_STYLE1">
			<tr>
				<td class="TD_STYLE1">
					职位分类
				</td>
				<td class="TD_STYLE2">
					<input type="hidden" value="01" id="humanMajorKindId" name="engageResume.humanMajorKindId" />
					<el-input readonly v-model="from.zwflmc" placeholder="--请选择--" class="aaa">

					</el-input>
				</td>
				<td class="TD_STYLE1">
					职位名称
				</td>
				<td class="TD_STYLE2" width="20%">

					<input type="hidden" value="02" name="engageResume.humanMajorId" />
					<el-input readonly v-model="from.zwmc" placeholder="--请选择--" class="SELECT_STYLE1">

					</el-input>
				</td>
				<td width="11%" class="TD_STYLE1">
					招聘类型
				</td>
				<td class="TD_STYLE2" colspan="2">
					<el-input v-model="from.zplx" placeholder="--请选择--" class="SELECT_STYLE1">
					</el-input>
				</td>
				<td rowspan="6">
					<el-image style="width: 100%; height: 200px"
							  :src="url"
							  :fit="fit"></el-image>
				</td>
			</tr>
			<tr>
				<td class="TD_STYLE1">
					姓名
				</td>
				<td class="TD_STYLE2">
					<el-input readonly v-model="from.xm" type="text" name="engageResume.humanName" id="name" class="INPUT_STYLE2" />
				</td>
				<td class="TD_STYLE1">
					性别
				</td>
				<td class="TD_STYLE2">
					<el-input readonly v-model="from.xb" placeholder="--请选择--" class="SELECT_STYLE1">

					</el-input>
				</td>
				<td class="TD_STYLE1">
					EMAIL
				</td>
				<td colspan="2" class="TD_STYLE2">
					<el-input readonly v-model="from.yx" type="text" name="engageResume.humanEmail" id="email" class="INPUT_STYLE2">
				</td>
			</tr>
			<tr>
				<td class="TD_STYLE1">
					电话
				</td>
				<td class="TD_STYLE2">
					<el-input readonly v-model="from.dh" type="text" name="engageResume.humanTelephone" id="phone" class="INPUT_STYLE2">
				</td>
				<td class="TD_STYLE1">
					家庭电话
				</td>
				<td class="TD_STYLE2">
					<el-input readonly v-model="from.jtdh" type="text" name="engageResume.humanHomephone" id="humanHomephone" class="INPUT_STYLE2">
				</td>
				<td class="TD_STYLE1">
					手机
				</td>
				<td colspan="2" class="TD_STYLE2">
					<el-input readonly v-model="from.sj" type="text" name="engageResume.humanMobilephone" id="humanMobilephone" class="INPUT_STYLE2">
				</td>
			</tr>
			<tr>
				<td class="TD_STYLE1">
					住址
				</td>
				<td colspan="3" class="TD_STYLE2">
					<el-input readonly v-model="from.zz" type="text" name="engageResume.humanAddress" class="INPUT_STYLE2">
				</td>

				<td class="TD_STYLE1">
					邮编
				</td>
				<td colspan="2" class="TD_STYLE2">
					<el-input readonly v-model="from.yb" type="text" name="engageResume.humanPostcode" class="INPUT_STYLE2">
				</td>
			</tr>

			<tr>
				<td class="TD_STYLE1">
					国籍
				</td>
				<td class="TD_STYLE2">
					<el-input readonly v-model="from.gj" placeholder="--请选择--" class="SELECT_STYLE1">


					</el-input>
				</td>
				<td class="TD_STYLE1">
					出生地
				</td>
				<td class="TD_STYLE2">
					<el-input readonly v-model="from.csd" type="text" name="engageResume.humanBirthplace" class="INPUT_STYLE2">
				</td>
				<td class="TD_STYLE1">
					生日
				</td>
				<td width="13%" colspan="2" class="TD_STYLE2">
					<el-input readonly v-model="from.sr" type="text" name="engageResume.humanBirthday" id="birthday" class="INPUT_STYLE2">
				</td>

			</tr>
			<tr>
				<td width="11%" class="TD_STYLE1">
					民族
				</td>
				<td class="TD_STYLE2" width="14%">
					<el-input readonly v-model="from.mz" placeholder="--请选择--" class="SELECT_STYLE1">


					</el-input>
				</td>
				<td class="TD_STYLE1">
					宗教信仰
				</td>
				<td class="TD_STYLE2">
					<el-input readonly v-model="from.zjxy" placeholder="--请选择--" class="SELECT_STYLE1">



					</el-input>
				</td>
				<td class="TD_STYLE1">
					政治面貌
				</td>
				<td class="TD_STYLE2" colspan="2">
					<el-input readonly v-model="from.zzmm" placeholder="--请选择--" class="SELECT_STYLE1">

					</el-input>
				</td>


			</tr>
			<tr>
				<td class="TD_STYLE1">
					身份证号码
				</td>
				<td class="TD_STYLE2">
					<el-input readonly v-model="from.sfzhm" type="text" name="engageResume.humanIdcard" id="card" class="INPUT_STYLE2">
				</td>
				<td class="TD_STYLE1">
					年龄
				</td>
				<td class="TD_STYLE2">
					<el-input readonly v-model="from.nl" type="text" name="engageResume.humanAge" id="humanAge" class="INPUT_STYLE2">
				</td>
				<td class="TD_STYLE1">
					毕业院校
				</td>
				<td class="TD_STYLE2">
					<el-input readonly v-model="from.byyx" type="text" name="engageResume.humanCollege" class="INPUT_STYLE2" />
				</td>

				<td class="TD_STYLE1">
					学历
				</td>
				<td class="TD_STYLE2">
					<el-input readonly v-model="from.xl" placeholder="--请选择--" class="SELECT_STYLE1">


					</el-input>
				</td>

			</tr>
			<tr>
				<td class="TD_STYLE1">
					教育年限
				</td>
				<td class="TD_STYLE2">
					<el-input readonly v-model="from.jynx" placeholder="--请选择--" class="SELECT_STYLE1">


					</el-input>
				</td>
				<td class="TD_STYLE1">
					学历专业
				</td>
				<td class="TD_STYLE2">
					<el-input readonly v-model="from.xlzy" placeholder="--请选择--" class="SELECT_STYLE1">


					</el-input>
				</td>

				<td class="TD_STYLE1">
					薪酬要求
				</td>
				<td class="TD_STYLE2">
					<el-input readonly v-model="from.xcyq" type="text" name="engageResume.demandSalaryStandard" id="demandSalaryStandard" class="INPUT_STYLE2" />
				</td>
				<td class="TD_STYLE1">
					注册时间
				</td>
				<td class="TD_STYLE2">
					<el-input readonly v-model="from.zcsj" type="text" name="engageResume.registTime"
							  id="nowTime" readonly="readonly"
							  class="INPUT_STYLE2">
				</td>

			</tr>
			<tr>

				<td class="TD_STYLE1">
					特长
				</td>
				<td class="TD_STYLE2">
					<el-input readonly v-model="from.tc" placeholder="--请选择--" class="SELECT_STYLE1">


					</el-input>

				</td>
				<td class="TD_STYLE1">
					爱好
				</td>
				<td class="TD_STYLE2">
					<el-input readonly v-model="from.ah" placeholder="--请选择--" class="SELECT_STYLE1">

					</el-input>

				</td>
				<td class="TD_STYLE1">
					推荐人
				</td>
				<td>
					<el-input readonly v-model="from.tjr" class="INPUT_STYLE2">
				</td>
				<td class="TD_STYLE1">
					推荐时间
				</td>
				<td>
					<el-input readonly v-model="from.tjsj" class="INPUT_STYLE2">
				</td>
			</tr>
			<tr>
				<td class="TD_STYLE1">
					个人履历
				</td>
				<td colspan="7" class="TD_STYLE2">
					<textarea readonly v-model="from.grll" name="engageResume.humanHistoryRecords" rows="4" class="TEXTAREA_STYLE1"></textarea>
				</td>
			</tr>

			<tr>
				<td class="TD_STYLE1">
					备注
				</td>
				<td colspan="7" class="TD_STYLE2">
					<textarea readonly v-model="from.bz" name="engageResume.remark" rows="4" class="TEXTAREA_STYLE1"></textarea>
				</td>
			</tr>
			<tr>
				<td class="TD_STYLE1">
					推荐意见
				</td>
				<td colspan="7" class="TD_STYLE2">
					<textarea readonly v-model="from.tjyj" name="engageResume.remark" rows="4" class="TEXTAREA_STYLE1"></textarea>
				</td>
			</tr>
			<tr>
				<td class="TD_STYLE1">
					面试次数
				</td>
				<td class="TD_STYLE2">
					<input type="hidden" value="1" name="engageInterview.interviewAmount" />
					<el-input v-model="ufrom.mscs" type="text" class="INPUT_STYLE2" readonly="readonly" />
				</td>
				<td class="TD_STYLE1">
					形象评价
				</td>
				<td class="TD_STYLE2">
					<el-input v-model="ufrom.xxpj" type="text" name="engageInterview.register" class="INPUT_STYLE2" />
				</td>
				<td class="TD_STYLE1">
					口才评价
				</td>
				<td class="TD_STYLE2">
					<el-input v-model="ufrom.kcpj" type="text" name="engageInterview.register" class="INPUT_STYLE2" />
				</td>
				<td class="TD_STYLE1">
					外语口语能力
				</td>
				<td class="TD_STYLE1">
					<el-input v-model="ufrom.wykynl" type="text" name="engageInterview.register" class="INPUT_STYLE2" />
				</td>
			</tr>
			<tr>
				<td class="TD_STYLE1">
					应变能力
				</td>
				<td class="TD_STYLE2">
					<el-input v-model="ufrom.ybnl" type="text" name="engageInterview.register" class="INPUT_STYLE2" />
				</td>
				<td class="TD_STYLE1">
					EQ
				</td>
				<td class="TD_STYLE2">
					<el-input v-model="ufrom.EQ" type="text" name="engageInterview.register" class="INPUT_STYLE2" />
				</td>
				<td class="TD_STYLE1">
					IQ
				</td>
				<td class="TD_STYLE2">
					<el-input v-model="ufrom.IQ" type="text" name="engageInterview.register" class="INPUT_STYLE2" />
				</td>
				<td class="TD_STYLE1">
					综合素质
				</td>
				<td class="TD_STYLE1">
					<el-input v-model="ufrom.zhsz" type="text" name="engageInterview.register" class="INPUT_STYLE2" />
				</td>
			</tr>
			<tr>
				<td class="TD_STYLE1">
					面试人
				</td>
				<td class="TD_STYLE2">
					<el-input v-model="ufrom.msr" type="text" name="engageInterview.register" class="INPUT_STYLE2" />
				</td>
				<td class="TD_STYLE1">
					面试时间
				</td>
				<td class="TD_STYLE2">
					<el-date-picker v-model="ufrom.mssj"
									type="date"
									placeholder="选择日期">
					</el-date-picker>


				</td>
				<td class="TD_STYLE1">
					筛选人
				</td>
				<td class="TD_STYLE2">
					<el-input v-model="ufrom.sxr" type="text" name="engageInterview.register" class="INPUT_STYLE2" />
				</td>
				<td class="TD_STYLE1">
					筛选时间
				</td>
				<td class="TD_STYLE2">
					<el-input v-model="ufrom.sxsj" type="text" name="engageInterview.register" class="INPUT_STYLE2" />
				</td>
			</tr>
			<tr>
				<td class="TD_STYLE1">
					录用申请审核意见
				</td>
				<td class="TD_STYLE2" colspan="7">
					<textarea v-model="ufrom.shyj" name="engageInterview.interviewComment" class="TEXTAREA_STYLE1"
							  rows="4"></textarea>
				</td>
			</tr>
		</table>
	</form>

</div>
<script type="text/javascript">
	var { createApp, reactive, ref, computed, watchEffect } = Vue
	var app = createApp({
		setup() {
			//接收传值
			const urlParams = new URLSearchParams(window.location.search);
			const rowData = JSON.parse(urlParams.get('rowData'));
			const uName = computed(() => {
				return sessionStorage.getItem('u');
				// return localStorage.getItem('u')
			});
			//定义字段
			let from = reactive({
				Id: "",
				zwflbh: "",
				zwflmc: "",
				zwbh: "",
				zwmc: "",
				zplx: "",
				xm: "",
				xb: "",
				yx: "",
				dh: "",
				jtdh: "",
				sj: "",
				zz: "",
				yb: "",
				gj: "",
				csd: "",
				sr: "",
				mz: "",
				zjxy: "",
				zzmm: "",
				sfzhm: "",
				nl: "",
				byyx: "",
				xl: "",
				jynx: "",
				xlzy: "",
				xcyq: "",
				zcsj: "",
				tc: "",
				ah: "",
				grll: "",
				bz: "",
				djr: "",
				tjr: "",
				tjsj: "",
				tjyj: "",
				tp: ""
			});
			//进行字段赋值
			if (rowData != null) {
				from.zwflbh = rowData.humanMajorKindId;
				from.zwflmc = rowData.humanMajorKindName;
				from.zwbh = rowData.humanMajorId;
				from.zwmc = rowData.hunmaMajorName;
				from.Id = rowData.resId;
				from.zplx = rowData.engageType;
				from.xm = rowData.humanName;
				from.xb = rowData.humanSex
				from.yx = rowData.humanEmail;
				from.dh = rowData.humanTelephone;
				from.jtdh = rowData.humanHomephone;
				from.sj = rowData.humanMobilephone;
				from.zz = rowData.humanAddress;
				from.yb = rowData.humanPostcode;
				from.gj = rowData.humanNationality;
				from.csd = rowData.humanBirthplace;
				from.sr = rowData.humanBirthday;
				from.mz = rowData.humanRace;
				from.zjxy = rowData.humanReligion;
				from.zzmm = rowData.humanParty;
				from.sfzhm = rowData.humanIdcard;
				from.nl = rowData.humanAge;
				from.byyx = rowData.humanCollege;
				from.xl = rowData.humanEducatedDegree;
				from.jynx = rowData.humanEducatedYears;
				from.xlzy = rowData.humanEducatedMajor;
				from.xcyq = rowData.demandSalaryStandard;
				from.zcsj = rowData.registTime;
				from.tc = rowData.humanSpeciality;
				from.ah = rowData.humanHobby;
				from.grll = rowData.humanHistoryRecords;
				from.bz = rowData.remark;
				from.djr = rowData.register
				from.tjr = rowData.checker
				from.tjsj = rowData.checkTime
				from.tjyj = rowData.recomandation
				from.tp = rowData.humanPicture
			}

			var ufrom = reactive({
				mscs: "",
				xxpj: "",
				kcpj: "",
				wykynl: "",
				ybnl: "",
				EQ: "",
				IQ: "",
				zhsz: "",
				msr: "",
				mssj: "",
				mspj: "",
				eid: "",
				sxr:"",
				sxsj:"",
				mspj:"",
				shyj: "",
				Id:""
			})
			axios.defaults.headers["Content-Type"] = "application/x-www-form-urlencoded";
			axios.post('/GetEIByName', {
				id: from.Id
			})
			.then(res => {
					console.log(res);
				ufrom.mscs = res.data.interviewAmount;
				ufrom.xxpj= res.data.imageDegree;
				ufrom.kcpj= res.data.nativeLanguageDegree;
				ufrom.wykynl= res.data.foreignLanguageDegree;
				ufrom.ybnl= res.data.responseSpeedDegree;
				ufrom.EQ= res.data.eqDegree;
				ufrom.IQ= res.data.iqDegree;
				ufrom.zhsz= res.data.multiQualityDegree;
				ufrom.msr= res.data.register;
				ufrom.mssj= res.data.registeTime;
				ufrom.mspj= res.data.interviewComment;
				ufrom.eid= res.data.einId;
				ufrom.sxr=res.data.checker;
				ufrom.sxsj=res.data.checkTime;
				ufrom.mspj = res.data.interviewComment;
				ufrom.Id = res.data.einId;

			})
			function an(row) {
				if (row==1) {
					ufrom.shyj = "不通过";
				}
				if (row == 2) {
					ufrom.shyj = "通过";
				}
			}
			let radio = ref("2");
			ufrom.shyj = "通过";
			function search() {
				if (radio.value==1) {
					axios.defaults.headers["Content-Type"] = "application/x-www-form-urlencoded";
					axios.post('/DeleteEI', {
						id: ufrom.Id
					})
						.then(res => {
							if (res.data) {
								axios.defaults.headers["Content-Type"] = "application/x-www-form-urlencoded";
								axios.post('/DeleteER', {
									id: from.Id
								})
									.then(res => {
										if (res.data) {
											alert("成功");
										}
									})
							}
						})
				}
				if (radio.value == 2) {
					axios.defaults.headers["Content-Type"] = "application/x-www-form-urlencoded";
					axios.post('/UpdateERApplication', {
						ResId: from.Id,
						InterviewStatus: 4,
						PassCheckComment: ufrom.shyj
					})
						.then(res => {
							if (res.data) {
								alert("成功");
								history.back();
							} else {
								alert("失败");
							}
						})
				}
			}
			let url = ref("/images/" + from.tp);
			return {
				from,
				ufrom,
				an,
				radio,
				search,
				url
			}
		}
	})
	app.use(ElementPlus)
	app.mount("#app")
</script>
<style>
	/* CSS Document */
	* {
		FONT-FAMILY: 微软雅黑;
	}

	.resizeDivClass {
		position: relative;
		background-color: #DEDBD6;
		width: 2;
		z-index: 1;
		left: expression(this.parentElement.offsetWidth-1);
		cursor: e-resize;
	}

	A:visited {
		TEXT-DECORATION: none
	}

	A:active {
		TEXT-DECORATION: none
	}

	A:hover {
		TEXT-DECORATION: underline overline
	}

	A:link {
		TEXT-DECORATION: none
	}

	.t {
		LINE-HEIGHT: 1.4
	}

	BODY {
		background-color: #FFFFBB;
		border: 1px solid #FFDB6F;
		display: block;
		margin: 8px;
	}

	TD {
		FONT-FAMILY: ??;
		FONT-SIZE: 9pt
	}

	DIV {
		FONT-FAMILY: ??;
		FONT-SIZE: 9pt
	}

	FORM {
		FONT-FAMILY: ??;
		FONT-SIZE: 9pt
	}

	OPTION {
		FONT-FAMILY: ??;
		FONT-SIZE: 9pt
	}

	P {
		FONT-FAMILY: ??;
		FONT-SIZE: 9pt
	}

	TD {
		FONT-FAMILY: ??;
		FONT-SIZE: 9pt
	}

	BR {
		FONT-FAMILY: ����;
		FONT-SIZE: 9pt
	}

	TEXTAREA {
		BACKGROUND-COLOR: #FFFFCC;
		BORDER-BOTTOM-COLOR: #000000;
		BORDER-BOTTOM-WIDTH: 1px;
		BORDER-LEFT-COLOR: #000000;
		BORDER-LEFT-WIDTH: 1px;
		BORDER-RIGHT-COLOR: #000000;
		BORDER-RIGHT-WIDTH: 1px;
		BORDER-TOP-COLOR: #000000;
		BORDER-TOP-WIDTH: 1px;
		FONT-FAMILY: ����;
		FONT-SIZE: 9pt
	}

	SELECT {
		BACKGROUND-COLOR: #FFFFCC;
		BORDER-BOTTOM-COLOR: #000000;
		BORDER-BOTTOM-WIDTH: 1px;
		BORDER-LEFT-COLOR: #000000;
		BORDER-LEFT-WIDTH: 1px;
		BORDER-RIGHT-COLOR: #000000;
		BORDER-RIGHT-WIDTH: 1px;
		BORDER-TOP-COLOR: #000000;
		BORDER-TOP-WIDTH: 1px;
		FONT-FAMILY: ����;
		FONT-SIZE: 9pt
	}

	.gray {
		CURSOR: pointer;
		FILTER: gray
	}

	.style3 {
		font-size: 16px;
		font-weight: bold;
	}

	.TABLE_STYLE1 {
		border: 1px solid;
		border-color: #000000;
		border-collapse: collapse;
		width: 100%;
	}

	.TABLE_STYLE2 {
		width: 100%;
	}

	.ALL-STYLE {
		border: 1px ridge #666666;
		border-color: #DEDBD6;
	}

	.TR_STYLE1 {
	}

	.style8 {
		color: #000066
	}



	.TD_HANDBOOK_STYLE1 {
		vertical-align: top;
		width: 100%;
		color: #0000FF;
	}

	.TD_STYLE1 {
		background-color: #FFDB6F;
		border-width: 1;
	}

	.TD_STYLE2 {
		border-spacing: 1px;
		background-color: #FFFFBB;
		border-color: #DEDBD6;
		border: 0;
	}

	.TD_STYLE3 {
	}

	.SUBMIT_STYLE1 {
		BORDER-RIGHT: #2C59AA 1px solid;
		PADDING-RIGHT: 2px;
		BORDER-TOP: #2C59AA 1px solid;
		PADDING-LEFT: 2px;
		FONT-SIZE: 12px;
		FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#C3DAF5);
		BORDER-LEFT: #2C59AA 1px solid;
		CURSOR: pointer;
		COLOR: black;
		PADDING-TOP: 2px;
		BORDER-BOTTOM: #2C59AA 1px solid
	}

	.BUTTON_STYLE1 {
		BORDER-RIGHT: #2C59AA 1px solid;
		PADDING-RIGHT: 2px;
		BORDER-TOP: #2C59AA 1px solid;
		PADDING-LEFT: 2px;
		FONT-SIZE: 12px;
		FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#C3DAF5);
		BORDER-LEFT: #2C59AA 1px solid;
		CURSOR: pointer;
		COLOR: black;
		PADDING-TOP: 2px;
		BORDER-BOTTOM: #2C59AA 1px solid
	}

	.RESET_STYLE1 {
		BORDER-RIGHT: #2C59AA 1px solid;
		PADDING-RIGHT: 2px;
		BORDER-TOP: #2C59AA 1px solid;
		PADDING-LEFT: 2px;
		FONT-SIZE: 12px;
		FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#C3DAF5);
		BORDER-LEFT: #2C59AA 1px solid;
		CURSOR: pointer;
		COLOR: black;
		PADDING-TOP: 2px;
		BORDER-BOTTOM: #2C59AA 1px solid
	}

	.RADIO_STYLE1 {
	}

	.CHECKBOX_STYLE1 {
	}

	.SELECT_STYLE1 {
		width: 100%;
	}

	.SELECT_STYLE2 {
		width: 30%;
	}

	.TEXTAREA_STYLE1 {
		width: 100%;
	}

	.DIV_STYLE1 {
		float: right;
		vertical-align: top;
	}

	.DIV_STYLE2 {
		float: center;
		vertical-align: top;
	}

	.INPUT_STYLE1 {
		BACKGROUND-COLOR: #FFFFCC;
		width: 30%
	}

	.INPUT_STYLE2 {
		BACKGROUND-COLOR: #FFFFCC;
		width: 100%
	}

	.FILE_STYLE1 {
		BORDER-RIGHT: #2C59AA 1px solid;
		PADDING-RIGHT: 2px;
		BORDER-TOP: #2C59AA 1px solid;
		PADDING-LEFT: 2px;
		FONT-SIZE: 12px;
		FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#C3DAF5);
		BORDER-LEFT: #2C59AA 1px solid;
		CURSOR: pointer;
		COLOR: black;
		PADDING-TOP: 2px;
		BORDER-BOTTOM: #2C59AA 1px solid
	}

	.btn3_mouseout {
		BORDER-RIGHT: #2C59AA 1px solid;
		PADDING-RIGHT: 2px;
		BORDER-TOP: #2C59AA 1px solid;
		PADDING-LEFT: 2px;
		FONT-SIZE: 12px;
		FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#C3DAF5);
		BORDER-LEFT: #2C59AA 1px solid;
		CURSOR: pointer;
		COLOR: black;
		PADDING-TOP: 2px;
		BORDER-BOTTOM: #2C59AA 1px solid
	}

	.btn3_mouseover {
		BORDER-RIGHT: #2C59AA 1px solid;
		PADDING-RIGHT: 2px;
		BORDER-TOP: #2C59AA 1px solid;
		PADDING-LEFT: 2px;
		FONT-SIZE: 12px;
		FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#D7E7FA);
		BORDER-LEFT: #2C59AA 1px solid;
		CURSOR: pointer;
		COLOR: black;
		PADDING-TOP: 2px;
		BORDER-BOTTOM: #2C59AA 1px solid
	}

	.btn3_mousedown {
		BORDER-RIGHT: #FFE400 1px solid;
		PADDING-RIGHT: 2px;
		BORDER-TOP: #FFE400 1px solid;
		PADDING-LEFT: 2px;
		FONT-SIZE: 12px;
		FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#C3DAF5);
		BORDER-LEFT: #FFE400 1px solid;
		CURSOR: pointer;
		COLOR: black;
		PADDING-TOP: 2px;
		BORDER-BOTTOM: #FFE400 1px solid
	}

	.btn3_mouseup {
		BORDER-RIGHT: #2C59AA 1px solid;
		PADDING-RIGHT: 2px;
		BORDER-TOP: #2C59AA 1px solid;
		PADDING-LEFT: 2px;
		FONT-SIZE: 12px;
		FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#C3DAF5);
		BORDER-LEFT: #2C59AA 1px solid;
		CURSOR: pointer;
		COLOR: black;
		PADDING-TOP: 2px;
		BORDER-BOTTOM: #2C59AA 1px solid
	}

	.custom-select .el-input__inner {
		background-color: transparent;
		border: 1px solid #ccc; /* 或者其他你想要的边框颜色 */
	}
</style>
<style>
	body {
		font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
		font-size: .8em;
	}

	/* the div that holds the date picker calendar */
	.dpDiv {
	}


	/* the table (within the div) that holds the date picker calendar */
	.dpTable {
		font-family: Tahoma, Arial, Helvetica, sans-serif;
		font-size: 12px;
		text-align: center;
		color: #505050;
		background-color: #ece9d8;
		border: 1px solid #AAAAAA;
	}


	/* a table row that holds date numbers (either blank or 1-31) */
	.dpTR {
	}


	/* the top table row that holds the month, year, and forward/backward buttons */
	.dpTitleTR {
	}


	/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
	.dpDayTR {
	}


	/* the bottom table row, that has the "This Month" and "Close" buttons */
	.dpTodayButtonTR {
	}


	/* a table cell that holds a date number (either blank or 1-31) */
	.dpTD {
		border: 1px solid #ece9d8;
	}


	/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
	.dpDayHighlightTD {
		background-color: #CCCCCC;
		border: 1px solid #AAAAAA;
	}


	/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
	.dpTDHover {
		background-color: #aca998;
		border: 1px solid #888888;
		cursor: pointer;
		color: red;
	}


	/* the table cell that holds the name of the month and the year */
	.dpTitleTD {
	}


	/* a table cell that holds one of the forward/backward buttons */
	.dpButtonTD {
	}


	/* the table cell that holds the "This Month" or "Close" button at the bottom */
	.dpTodayButtonTD {
	}


	/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
	.dpDayTD {
		background-color: #CCCCCC;
		border: 1px solid #AAAAAA;
		color: white;
	}


	/* additional style information for the text that indicates the month and year */
	.dpTitleText {
		font-size: 12px;
		color: gray;
		font-weight: bold;
	}


	/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */
	.dpDayHighlight {
		color: 4060ff;
		font-weight: bold;
	}


	/* the forward/backward buttons at the top */
	.dpButton {
		font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: gray;
		background: #d8e8ff;
		font-weight: bold;
		padding: 0px;
	}


	/* the "This Month" and "Close" buttons at the bottom */
	.dpTodayButton {
		font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: gray;
		background: #d8e8ff;
		font-weight: bold;
	}
</style>



